<html>
<head>
<title>RChart, User Guide</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" leftmargin="35">
<h3>RCHART, User Guide</h3>
<p><font face="Arial, Helvetica, sans-serif" size="-1"><i>Copyright 2005, J4L 
  Components (http://www.java4less.com)</i></font> <br>
  <a href="tutorialcontents.html">Go bak to contents</a> </p>
<hr>
<h3><font face="Arial, Helvetica, sans-serif">Barchart configuration / parameters 
  </font></h3>
<ul>
  <li><font face="Arial, Helvetica, sans-serif" size="-1"><a href="#0">Bar and 
    column chart </a></font></li>
  <li><font face="Arial, Helvetica, sans-serif" size="-1"><a href="#1">Stackbar 
    chart</a></font></li>
  <li><font face="Arial, Helvetica, sans-serif" size="-1"><a href="#2">Eventchart</a></font></li>
  <li><font face="Arial, Helvetica, sans-serif" size="-1"><a href="#3">Barchart 
    3D </a></font></li>
</ul>
<h4><font face="Arial, Helvetica, sans-serif" size="-1"><a name="0"></a>Bar and 
  column chart </font></h4>
<p><font face="Arial, Helvetica, sans-serif" size="-1">If you want to create barchart 
  you must use SERIE_TYPE_*=BAR (or BarPlotter class). The following is a complete 
  example of a barchart with 2 series and negative values:</font></p>
<table width="100%" border="0" height="71">
  <tr> 
    <td width="30%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Parameters</i></b></font></div>
    </td>
    <td width="26%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Description</i></b></font></div>
    </td>
    <td width="44%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Equivalent java class/property</i></b></font></div>
    </td>
  </tr>
  <tr> 
    <td width="30%" valign="top" height="498"> 
      <p>TITLECHART=Sales 2002 <br>
        XLABEL=Month<br>
        YLABEL=Million $<br>
        XSCALE_MIN=0<br>
        XSCALE_MAX=5.5 <br>
        YSCALE_MIN=-15 <br>
        BIG_TICK_INTERVALX=1 BIG_TICK_INTERVALY=10 XAXIS_LABELS=June|July|Aug.|Sept.|Oct.|Nov.|Dec. 
        CERO_XAXIS=LINE<br>
        YAXIS_INTEGER=TRUE<br>
        SERIE_1=Products <br>
        SERIE_2=Services<br>
        SERIE_TYPE_1=BAR<br>
        SERIE_TYPE_2=BAR SERIE_FONT_1=Arial|PLAIN|8 SERIE_FONT_2=Arial|PLAIN|8 
        SERIE_DATA_1=12|43|50|45|30<br>
        SERIE_DATA_2=-10|41|48|39|36 SERIE_BORDER_TYPE_1=RAISED SERIE_BORDER_TYPE_2=RAISED 
        SERIE_BAR_STYLE_1=0xff00 SERIE_BAR_STYLE_2=0xff BARCHART_BARSPACE=1<br>
        LEFT_MARGIN=0.15<br>
        CHART_FILL=0xffcc00<br>
        SERIE_NEGATIVE_STYLE_2=RED </p>
    </td>
    <td width="26%" valign="top" height="498"> 
      <p><font color="#3333FF">Title and labels</font><br>
        <br>
        <br>
        <font color="#3333FF">X scale is 0-5.5</font><br>
        <br>
        <font color="#3333FF">Y scale starts at -15</font><br>
        <br>
        <br>
        <font color="#3333FF">X axis labels<br>
        </font> <font color="#3333FF">Draw line at possition 0 of Y Axis</font><br>
        <font color="#3333FF">Do not use decimal in the scale</font><br>
        <br>
        <br>
        <font color="#3333FF">Select barchart type</font><br>
        <br>
        <font color="#3333FF">Font of the values above the bars</font><br>
        <br>
        <font color="#3333FF">Values of the bars</font><br>
        <br>
        <font color="#3333FF">Bars should have &quot;raised&quot; effect</font> 
        <br>
        <br>
        <font color="#3333FF">Color of the bars</font><br>
        <br>
        <br>
        <br>
        <font color="#3333FF">Background color of the chart</font><br>
        <font color="#3333FF">Negative bars have red color</font> </p>
    </td>
    <td width="44%" valign="top" height="498"> 
      <div align="left"> 
        <p>new Title(&quot;Sales 2002&quot;);<br>
          chart.XLabel=new HAxisLabel(&quot;Month&quot;,Color,font); <br>
          chart.YLabel=new VAxisLabel(&quot;Million $&quot;,Color,font); <br>
          chart.XAxis.scale.min=0; <br>
          chart.XAxis.scale.max=5.5; <br>
          chart.YAxis.scale.min=-15; <br>
          chart.XAxis.bigTickInterval=1;<br>
          <br>
          chart.XAxis.tickLabels{&quot;June&quot;,...}; <br>
          chart.XAxis.ceroAxis=Axis.CEROAXIS_LINE;<br>
          chart.YAxis.IntegerScale=true;<br>
          legend.addItem(&quot;Products&quot;,style); <br>
          <br>
          serie1=new BarDataSerie(values,fillStyle);<br>
          <br>
          serie1.valueFont=new Font(...);<br>
          <br>
          see <i>values </i>in BarDataSerie constructor<br>
          <br>
          serie.borderType=BarDataSerie.BORDER_RAISED; <br>
          <br>
          see <i>style </i>in BarDataSerie constructor <br>
          <br>
          barPlotter.interBarSpace=1; <br>
          chart.leftMargin=0.15;<br>
          <br>
          serie2.negativeStyle=new FillStyle(Color.red);</p>
      </div>
    </td>
  </tr>
</table>
<p>&nbsp;</p>
<p><font face="Arial, Helvetica, sans-serif" size="-1"><img src="images/barchart.PNG" width="261" height="270"></font></p>
<p>&nbsp;</p>
<p><font face="Arial, Helvetica, sans-serif" size="-1">By changing the following 
  parameters you can convert it to a horizontal barchart:<br>
  </font></p>
<table width="100%" border="0" height="71">
  <tr> 
    <td width="30%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Parameters</i></b></font></div>
    </td>
    <td width="26%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Description</i></b></font></div>
    </td>
    <td width="44%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Equivalent java class/property</i></b></font></div>
    </td>
  </tr>
  <tr> 
    <td width="30%" valign="top" height="115"> 
      <p>BARCHART_VERTICAL=FALSE XSCALE_MIN=-15 <br>
        BIG_TICK_INTERVALY=1 <br>
        YAXIS_LABELS=June|July|Aug.|Sept.|Oct.|Nov.|Dec.<br>
        XAXIS_START_WITH_BIG_TICK=TRUE <br>
        XAXIS_INTEGER=TRUE </p>
    </td>
    <td width="26%" valign="top" height="115"> 
      <p><font color="#3333FF">Horizontal bars<br>
        Definition of the scales/axis<br>
        Only big ticks (no small ticks)<br>
        Labels for the scale<br>
        There should be a big tick at position 0</font></p>
    </td>
    <td width="44%" valign="top" height="115"> 
      <div align="left"> 
        <p>barPlotter.verticalBar<br>
          chart.XAxis.scale.min=-15;<br>
          chart.YAxis.bigTickIntervalList=1;<br>
          chart.YAxis.tickLabels{&quot;June&quot;,...}; <br>
          chart.XAxis.startWithBigTick=true;<br>
          chart.XAxis.IntegerScale=true; <br>
        </p>
      </div>
    </td>
  </tr>
</table>
<p>&nbsp; </p>
<p>&nbsp; </p>
<p><font face="Arial, Helvetica, sans-serif" size="-1"><img src="images/barChartH.PNG" width="256" height="264"></font></p>
<p>&nbsp;</p>
<p><font face="Arial, Helvetica, sans-serif" size="-1">Bars can also be forced 
  to start at a fixed possition instead of the default, which is 0.</font></p>
<table width="100%" border="0" height="71">
  <tr> 
    <td width="30%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Parameters</i></b></font></div>
    </td>
    <td width="26%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Description</i></b></font></div>
    </td>
    <td width="44%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Equivalent java class/property</i></b></font></div>
    </td>
  </tr>
  <tr> 
    <td width="30%" valign="top" height="34"> 
      <p>BARCHART_BASE=5 </p>
    </td>
    <td width="26%" valign="top" height="34"> 
      <p><font color="#3333FF">Starting possition of bars</font></p>
    </td>
    <td width="44%" valign="top" height="34"> 
      <div align="left"> 
        <p>barPlotter.barsBase=5;<br>
        </p>
      </div>
    </td>
  </tr>
</table>
<p>&nbsp;</p>
<p><font face="Arial, Helvetica, sans-serif" size="-1"><img src="images/barStartPosition.PNG" width="239" height="261"></font></p>
<p>&nbsp;</p>
<p><font face="Arial, Helvetica, sans-serif" size="-1">You can also assign a different 
  color to each bar in your series.</font></p>
<table width="100%" border="0" height="71">
  <tr> 
    <td width="30%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Parameters</i></b></font></div>
    </td>
    <td width="26%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Description</i></b></font></div>
    </td>
    <td width="44%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Equivalent java class/property</i></b></font></div>
    </td>
  </tr>
  <tr> 
    <td width="30%" valign="top" height="34"> 
      <p>SERIE_BARS_COLORS_1=RED|BLUE|BLACK|YELLOW|CYAN </p>
    </td>
    <td width="26%" valign="top" height="34"> 
      <p><font color="#3333FF">Colors of the bars</font></p>
    </td>
    <td width="44%" valign="top" height="34"> 
      <div align="left"> 
        <p>serie1.barStyles=styles;<br>
        </p>
      </div>
    </td>
  </tr>
</table>
<p>&nbsp;</p>
<p><font face="Arial, Helvetica, sans-serif" size="-1"><img src="images/barsColors.PNG" width="250" height="265"></font></p>
<p>&nbsp;</p>
<p><font face="Arial, Helvetica, sans-serif" size="-1">Each bar can also start 
  at a different possition by means of the SERIE_BARS_START_ parameter .</font></p>
<table width="100%" border="0" height="71">
  <tr> 
    <td width="30%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Parameters</i></b></font></div>
    </td>
    <td width="26%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Description</i></b></font></div>
    </td>
    <td width="44%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Equivalent java class/property</i></b></font></div>
    </td>
  </tr>
  <tr> 
    <td width="30%" valign="top" height="34"> 
      <p>SERIE_DATA_1=12|43|50|45|30|45 <br>
        SERIE_BARS_START_1=5|0|15|10|5 </p>
    </td>
    <td width="26%" valign="top" height="34"> 
      <p><font color="#3333FF">End possition of the bars.<br>
        Start possition of the bars.</font></p>
    </td>
    <td width="44%" valign="top" height="34"> 
      <div align="left"> 
        <p>see <i>values </i>in BarDataSerie constructor<br>
          serie1.addBarsBase (startValues);</p>
      </div>
    </td>
  </tr>
</table>
<p>&nbsp;</p>
<p><font face="Arial, Helvetica, sans-serif" size="-1"><img src="images/barsBase.PNG" width="249" height="264"></font></p>
<p>&nbsp;</p>
<p><font face="Arial, Helvetica, sans-serif" size="-1">The following parameters 
  will allow you to control the width:</font></p>
<p><font face="Arial, Helvetica, sans-serif" size="-1">The main parameter is BARCHART_BARWIDTH</font></p>
<table width="100%" border="0" height="71">
  <tr> 
    <td width="30%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Parameters</i></b></font></div>
    </td>
    <td width="26%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Description</i></b></font></div>
    </td>
    <td width="44%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Equivalent java class/property</i></b></font></div>
    </td>
  </tr>
  <tr> 
    <td width="30%" valign="top" height="34"> 
      <p>BARCHART_BARWIDTH=4 </p>
    </td>
    <td width="26%" valign="top" height="34"> 
      <p><font color="#3333FF">Bar's width</font></p>
    </td>
    <td width="44%" valign="top" height="34"> 
      <div align="left"> 
        <p>barPlotter.barWidth=4;<br>
        </p>
      </div>
    </td>
  </tr>
</table>
<p><font face="Arial, Helvetica, sans-serif" size="-1">this parameter has priority 
  over the other parameters.</font></p>
<p><font face="Arial, Helvetica, sans-serif" size="-1"><img src="images/barNarrow.PNG" width="229" height="260"></font></p>
<p><font face="Arial, Helvetica, sans-serif" size="-1">If you don't want to specify 
  the width of the bars you can also specify the distance between bars and the 
  distance between groups of bars:</font></p>
<table width="100%" border="0" height="71">
  <tr> 
    <td width="30%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Parameters</i></b></font></div>
    </td>
    <td width="26%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Description</i></b></font></div>
    </td>
    <td width="44%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Equivalent java class/property</i></b></font></div>
    </td>
  </tr>
  <tr> 
    <td width="30%" valign="top" height="34"> 
      <p>BARCHART_BARSPACE=4 </p>
    </td>
    <td width="26%" valign="top" height="34"> 
      <p><font color="#3333FF">space between bars</font></p>
    </td>
    <td width="44%" valign="top" height="34"> 
      <div align="left"> 
        <p>barPlotter.interBarSpace=4;<br>
        </p>
      </div>
    </td>
  </tr>
</table>
<p>&nbsp;</p>
<p><font face="Arial, Helvetica, sans-serif" size="-1"><img src="images/barSpace.PNG" width="227" height="258"></font></p>
<p><font face="Arial, Helvetica, sans-serif" size="-1">if you have only 2 bars 
  you can end up with the right bar overlapping the legend:</font></p>
<p><font face="Arial, Helvetica, sans-serif" size="-1"><img src="images/bars2.PNG" width="288" height="237"></font></p>
<p><font face="Arial, Helvetica, sans-serif" size="-1">you can solve this problem 
  by adding 0.5 to the maximum value of the scale. In the example:</font></p>
<table width="100%" border="0" height="71">
  <tr> 
    <td width="30%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Parameters</i></b></font></div>
    </td>
    <td width="26%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Description</i></b></font></div>
    </td>
    <td width="44%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Equivalent java class/property</i></b></font></div>
    </td>
  </tr>
  <tr> 
    <td width="30%" valign="top" height="34"> 
      <p>XSCALE_MAX=2.5 </p>
    </td>
    <td width="26%" valign="top" height="34"> 
      <p><font color="#3333FF">Make the X axis a bit longer then required so that 
        it looks better.</font></p>
    </td>
    <td width="44%" valign="top" height="34"> 
      <div align="left"> 
        <p>chart.XAxis.scale.max=2.5;<br>
        </p>
      </div>
    </td>
  </tr>
</table>
<p><font face="Arial, Helvetica, sans-serif" size="-1"><img src="images/bars3.PNG" width="290" height="249"></font></p>
<p>&nbsp;</p>
<p><font face="Arial, Helvetica, sans-serif" size="-1">There is avery common error 
  which result is getting the following chart:</font></p>
<p><font face="Arial, Helvetica, sans-serif" size="-1"><img src="images/bars4.PNG" width="296" height="245"></font></p>
<p><font face="Arial, Helvetica, sans-serif" size="-1">which can be solved by 
  setting the correct value for the Y scale:</font></p>
<table width="100%" border="0" height="71">
  <tr> 
    <td width="30%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Parameters</i></b></font></div>
    </td>
    <td width="26%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Description</i></b></font></div>
    </td>
    <td width="44%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Equivalent java class/property</i></b></font></div>
    </td>
  </tr>
  <tr> 
    <td width="30%" valign="top" height="34"> 
      <p>YSCALE_MIN=0 </p>
    </td>
    <td width="26%" valign="top" height="34"> 
      <p><font color="#3333FF">Starting point of the Y scale.</font></p>
    </td>
    <td width="44%" valign="top" height="34"> 
      <div align="left"> 
        <p>chart.YAxis.scale.min=0;<br>
        </p>
      </div>
    </td>
  </tr>
</table>
<p>&nbsp;</p>
<p><font face="Arial, Helvetica, sans-serif" size="-1"><img src="images/bars5.PNG" width="239" height="242"></font></p>
<p>&nbsp;</p>
<h4><font face="Arial, Helvetica, sans-serif" size="-1"><a name="1"></a>Stackbar 
  chart </font></h4>
<p><font face="Arial, Helvetica, sans-serif" size="-1">If you want the values 
  of the series to be added (stackbar) then you must set BARCHART_CUMULATIVE=TRUE 
  like in the following example:</font></p>
<table width="100%" border="0" height="71">
  <tr> 
    <td width="30%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Parameters</i></b></font></div>
    </td>
    <td width="26%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Description</i></b></font></div>
    </td>
    <td width="44%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Equivalent java class/property</i></b></font></div>
    </td>
  </tr>
  <tr> 
    <td width="30%" valign="top" height="34"> 
      <p>BARCHART_CUMULATIVE=TRUE <br>
        SERIE_DATA_1=12|43|50|45|30 <br>
        SERIE_DATA_2=10|41|48|39|36 <br>
        SERIE_TYPE_1=BAR<br>
        SERIE_TYPE_2=BAR </p>
    </td>
    <td width="26%" valign="top" height="34"> 
      <p><font color="#3333FF">Activate stackbar chart<br>
        Values<br>
        <br>
        Barchart </font></p>
    </td>
    <td width="44%" valign="top" height="34"> 
      <div align="left"> 
        <p> barPlotter.cumulative <br>
          see <i>values </i>in BarDataSerie constructor<br>
          <br>
        </p>
      </div>
    </td>
  </tr>
</table>
<p>&nbsp;</p>
<p><font face="Arial, Helvetica, sans-serif" size="-1"><img src="images/stackedBars.PNG" width="239" height="260"></font></p>
<p>&nbsp;</p>
<h4><font face="Arial, Helvetica, sans-serif" size="-1"><a name="2"></a>Eventchart</font></h4>
<p><font face="Arial, Helvetica, sans-serif" size="-1">Eventcharts have the following 
  properties:</font></p>
<ol>
  <li><font face="Arial, Helvetica, sans-serif" size="-1">All values in the serie 
    are aligned in the same line (SERIE_DATAX_ parameter).</font></li>
  <li><font face="Arial, Helvetica, sans-serif" size="-1">Each value is made of 
    a starting point and an ending point (SERIE_BARS_START_ and SERIE_DATA_)</font></li>
</ol>
<p><font face="Arial, Helvetica, sans-serif" size="-1">In this way the chart can 
  represent length of activities.</font></p>
<table width="100%" border="0" height="194">
  <tr> 
    <td width="30%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Parameters</i></b></font></div>
    </td>
    <td width="26%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Description</i></b></font></div>
    </td>
    <td width="44%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Equivalent java class/property</i></b></font></div>
    </td>
  </tr>
  <tr> 
    <td width="30%" valign="top" height="155"> 
      <p>SERIE_BARS_START_1=0|15|30 <br>
        SERIE_DATA_1=5|27|44 <br>
        SERIE_DATAX_1=0|0|0 <br>
        SERIE_BARS_START_2=5|10|20 <br>
        SERIE_DATA_2=7|15|24 SERIE_DATAX_2=1|1|1 BARCHART_VERTICAL=false BARCHART_EVENTCHART=true 
      </p>
    </td>
    <td width="26%" valign="top" height="155"> 
      <p><font color="#3333FF">Starting possitions of bars (serie 1)<br>
        Ending possitions of bars (serie 1)<br>
        bars centered on first tick (Act A)<br>
        Starting possitions of bars (serie 2)<br>
        Ending possitions of bars (serie 2)<br>
        bars centered on second tick (Act B)<br>
        Horizontal bars<br>
        event chart (bars centered on tick)</font></p>
    </td>
    <td width="44%" valign="top" height="155"> 
      <div align="left"> 
        <p> serie1.addBarsBase (startValues);<br>
          see <i>values </i>in BarDataSerie constructor<br>
          serie1.setDatax(...); <br>
          <br>
          <br>
          <br>
          <br>
          barPlotter.eventChart=true; <br>
          <br>
        </p>
      </div>
    </td>
  </tr>
</table>
<p><font face="Arial, Helvetica, sans-serif" size="-1"><img src="images/eventchart.PNG" width="349" height="276"></font></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h4><font face="Arial, Helvetica, sans-serif" size="-1"><a name="3"></a>Barchart 
  3D </font></h4>
<p>&nbsp;</p>
<p><font face="Arial, Helvetica, sans-serif" size="-1">If you want to create 3D 
  barchart you must use SERIE_TYPE_*=BAR3D (or BarPlotter3D class). The following 
  is a complete example:</font></p>
<table width="100%" border="0" height="639">
  <tr> 
    <td width="40%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Parameters</i></b></font></div>
    </td>
    <td width="22%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Description</i></b></font></div>
    </td>
    <td width="38%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Equivalent java class/property</i></b></font></div>
    </td>
  </tr>
  <tr> 
    <td width="40%" valign="top" height="509"> 
      <p>TITLECHART=Sales 1999<br>
        XLABEL=Month <br>
        YLABEL=Million $ <br>
        XSCALE_MIN=0 <br>
        YSCALE_MIN=-15 <br>
        XSCALE_MAX=5.5<br>
        TICK_INTERVALY=5 <br>
        BIG_TICK_INTERVALX=1 <br>
        BIG_TICK_INTERVALY=1<br>
        XAXIS_GRID=0.2|0xc0c0c0|DASHED <br>
        XAXIS_GRID=0.2|0xc0c0c0|DASHED<br>
        XAXIS_LABELS=June|July|Aug.|Sept.|Oct.|Nov.|Dec. <br>
        YAXIS_INTEGER=TRUE <br>
        LEGEND_FILL=WHITE <br>
        LEGEND_BORDER=0.2|0x0|NORMAL <br>
        SERIE_1=Products <br>
        SERIE_2=Services <br>
        SERIE_TYPE_1=BAR3D <br>
        SERIE_TYPE_2=BAR3D <br>
        SERIE_DATA_1=12|43|50|45|30 <br>
        SERIE_DATA_2=-10|41|48|39|36 <br>
        SERIE_BAR_STYLE_2=0xff00 <br>
        BARCHART_BARSPACE=1 <br>
        BARCHART3D_DEPTH=15 <br>
        BARCHART3D_FULL_DEPTH=TRUE <br>
        BARCHART3D_BACK=WHITE <br>
        CHART_BORDER=0.2|0x0|NORMAL <br>
        CHART_FILL=LIGHTGRAY <br>
        BACK_IMAGE=back13.gif</p>
    </td>
    <td width="22%" valign="top" height="509"> 
      <p><font color="#3333FF">Title and labels</font><br>
        <br>
        <font color="#3333FF">X scale is 0-5.5</font><br>
        <font color="#3333FF">Y scale starts at -15</font><br>
        <br>
        <br>
        <font color="#3333FF"><br>
        </font> <br>
        <br>
        <font color="#3333FF">Activate grid</font><br>
        <br>
        <font color="#3333FF">X axis labels</font><br>
        <font color="#3333FF">Do not use decimal in the scale<br>
        </font><br>
        <br>
        <font color="#3333FF"><br>
        <br>
        Select barchart 3D type<br>
        <br>
        Values of the bars</font><br>
        <br>
        <font color="#3333FF">Color of the bar</font><br>
        <br>
        <font color="#3333FF">Length of Z axis</font> <br>
        <br>
        <br>
        <br>
        <br>
        <font color="#3333FF">Background image</font> </p>
    </td>
    <td width="38%" valign="top" height="509"> 
      <div align="left"> 
        <p>new Title(&quot;Sales 1999&quot;);<br>
          chart.XLabel=new HAxisLabel(&quot;Month&quot;,Color,font); <br>
          chart.YLabel=new VAxisLabel(&quot;Million $&quot;,Color,font); <br>
          chart.XAxis.scale.min=0; <br>
          chart.YAxis.scale.min=-15; <br>
          chart.XAxis.scale.max=5.5; <br>
          chart.YAxis.scaleTickInterval=5; chart.XAxis.bigTickInterval=1;<br>
          <br>
          chart.XAxis.gridStyle=new LineStyle(...);<br>
          <br>
          chart.XAxis.tickLabels{&quot;June&quot;,...}; chart.YAxis.IntegerScale=true;<br>
          legend.background=new FillStyle(Color.white);<br>
          <br>
          legend.addItem(&quot;Products&quot;,style); <br>
          <br>
          serie1=new BarDataSerie(values,fillStyle);<br>
          <br>
          see <i>values </i>in BarDataSerie constructor<br>
          <br>
          see <i>style </i>in BarDataSerie constructor<br>
          barPlotter3D.interBarSpace=1;<br>
          barPlotter3D.depth=15;<br>
          barPlotter3D.fullDepth=true;<br>
          barPlotter3D.back=new FillStyle(Color.white);<br>
          <br>
          <br>
          chart.backImage=image;</p>
      </div>
    </td>
  </tr>
</table>
<p><font face="Arial, Helvetica, sans-serif" size="-1"><img src="images/barchart3D.PNG" width="316" height="294"></font></p>
<p><font face="Arial, Helvetica, sans-serif" size="-1">All parameters are the 
  same as in the 2D barcharts. The following parameter are 3D barchart specific:</font></p>
<p><font face="Arial, Helvetica, sans-serif" size="-1">the following parameter 
  controls the depth of the bars:</font></p>
<table width="100%" border="0" height="71">
  <tr> 
    <td width="30%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Parameters</i></b></font></div>
    </td>
    <td width="26%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Description</i></b></font></div>
    </td>
    <td width="44%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Equivalent java class/property</i></b></font></div>
    </td>
  </tr>
  <tr> 
    <td width="30%" valign="top" height="34"> 
      <p>BARCHART3D_FULL_DEPTH=false</p>
    </td>
    <td width="26%" valign="top" height="34"> 
      <p><font color="#3333FF">Bars should not be as deep as the Z axis. In this 
        case the depth of the bars will be the length of the Z axis / 2.</font></p>
    </td>
    <td width="44%" valign="top" height="34"> 
      <div align="left"> 
        <p>barPlotter3D.fullDepth=false;<br>
        </p>
      </div>
    </td>
  </tr>
</table>
<p><font face="Arial, Helvetica, sans-serif" size="-1"><img src="images/barchart3D_noFull.PNG" width="300" height="269"></font></p>
<p><font face="Arial, Helvetica, sans-serif" size="-1">You can specify the length 
  of the Z axis with:</font></p>
<table width="100%" border="0" height="71">
  <tr> 
    <td width="30%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Parameters</i></b></font></div>
    </td>
    <td width="26%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Description</i></b></font></div>
    </td>
    <td width="44%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Equivalent java class/property</i></b></font></div>
    </td>
  </tr>
  <tr> 
    <td width="30%" valign="top" height="34"> 
      <p>BARCHART3D_DEPTH=5</p>
    </td>
    <td width="26%" valign="top" height="34"> 
      <p><font color="#3333FF">Change length of the Z axis (pixels)</font></p>
    </td>
    <td width="44%" valign="top" height="34"> 
      <div align="left"> 
        <p>barPlotter3D.depth=5;<br>
        </p>
      </div>
    </td>
  </tr>
</table>
<p><font face="Arial, Helvetica, sans-serif" size="-1"><img src="images/barchart3D_depth.PNG" width="301" height="262"></font></p>
<p>&nbsp;</p>
<hr>
<p>&nbsp;</p>
</body>
</html>
